.panel-tradingview {
  .panel-header {
    background: #15132f;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    .rt {
      .symbol {
        font-size: 16px;
      }
      .cny {
        font-size: 14px;
      }
      .index {
        font-size: 12px;
      }
      .range {
        padding-right: 20px;
        padding-left: 26px;
        &.up {
          color: #df543a;
        }
        &.down {
          color: #29a76c;
        }
      }
    }
  }
  .TVChartContainer {
    background: #0f0f24;
  }
  &.light {
    .panel-header {
      border-bottom: 1px solid #f1f3fa;
      background: #fff;
      height: 60px;
      color: red;
      padding-left: 20px;
      line-height: 60px;
      position: relative;
      position: absolute;
      left: -8px;
      width: calc(100% - 16px);
      top: -68px;
      border-radius: 8px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;

      .hd {
        .lt {
          font-family: PingFangSC-Medium;
          font-size: 24px;
          color: #333333;
          letter-spacing: -0.58px;
          text-align: left;
          margin-right: 172px;
          .icon {
            margin-right: 10px;
            color: rgb(246, 147, 26);
            font-size: 32px;
          }
        }
        .rt {
          .i {
            font-family: PingFangSC-Regular;
            font-size: 12px;
            letter-spacing: -0.29px;
            &.vol {
              .h {
                color: #df6c4f;
              }
            }
            &.high {
              .h,
              .b {
                color: #333333;
              }
            }
            &.low {
              .h,
              .b {
                color: #333333;
              }
            }
            .h {
              font-family: PingFangSC-Regular;
              font-size: 12px;
              color: #00a45b;
              letter-spacing: -0.29px;
              text-align: right;
              height: 19px;
              line-height: 19px;
            }
            .b {
              font-family: PingFangSC-Regular;
              font-size: 12px;
              color: #151515;
              letter-spacing: -0.29px;
              text-align: right;
              height: 17px;
              line-height: 17px;
            }
          }
        }
      }
    }
    .TVChartContainer {
      background: #fff;
    }
  }
}
